@import '../../variable.less';
page{
  height:100%;
  background-color:#fff;
}
.container{
  width:750rpx;
  box-sizing: border-box;
  padding:20rpx 28rpx 0;
  padding-bottom:120rpx;
  .title{
    font-size: 36rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    line-height: 50rpx;
  }
  .artic{
    padding-top:32rpx;
    padding-bottom:30rpx;
    font-size: 24rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #000000;
    line-height: 34rpx;
    .time{
      padding-left:60rpx;
      color: #B3B7BB;
    }
  }
  .contentTxt{
    width:702rpx;
    overflow: hidden;
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 36rpx;
    color: #999999;
    word-wrap: break-word;
    word-break: break-all;
    white-space: pre-line;
  }
}
.bar{
  position: fixed;
  bottom:0;
  left:0;
  width: 750rpx;
  height: 98rpx;
  background: #FFFFFF;
  box-shadow: 0 -6rpx 10rpx 0rpx rgba(0,0,0,0.1);
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  .star{
    margin:auto 44rpx;
  }
}
.zuzhiBtn{
  position: fixed;
  bottom:168rpx;
  right:36rpx;
  min-width:199rpx;
  height:64rpx;
  background: #FFFFFF;
  box-shadow: 0 6rpx 10rpx 0 rgba(0,0,0,0.5);
  border-radius: 32rpx;
  border: 3rpx solid @color;
  color:@color;
  line-height: 64rpx;
  text-align: center;
  padding-left:61rpx;
  padding-right:35rpx;
  box-sizing: border-box;
  .home{
    position: absolute;
    top:18rpx;
    left:22rpx;
  }
  .play{
    position: absolute;
    top:26rpx;
    right:12rpx;
  }

}
